<extend name="Public:layout"/>
<block name="css">
    <link rel="shortcut icon" href="__STATIC__/mobile/images/logo-icon.ico"/>
    <link rel="stylesheet" href="__STATIC__/mobile/dist/css/mzui.css?v=__STATIC_VERSION__"/>
    <link rel="stylesheet" href="__STATIC__/mobile/css/swiper-3.4.2.min.css?v=__STATIC_VERSION__"/>
    <link rel="stylesheet" href="__STATIC__/mobile/css/index.css?v=__STATIC_VERSION__"/>
</block>
<block name="js_header">
    <script src="__STATIC__/mobile/js/setRem.js?v=__STATIC_VERSION__"></script>
</block>
<block name="content">
    <!--2、轮播广告-->
    <div id="slide">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <foreach name="slide" item="vo">
                <div class="swiper-slide"><img src="{$vo.slide_image}" alt=""/></div>
                </foreach>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <!--3、关于善心汇-->
    <div id="sxh">
        <div class="tt flex"><span>关于善心汇</span></div>
        <div class="article">
            {$company|htmlspecialchars_decode}
        </div>
        <div class="shipin relative">
            <video src="{$video}" controls width="100%"></video>
            <!--遮罩层-->
            <!--遮罩层-->
            <div class="mask dock dock-top dock-left flex justify-center align-middle">
                <img src="{$video_thumb}" alt="首页视频预览图"/>
                <div class="indexPlayIcon">
                    <img src="__STATIC__/mobile/images/play.png" alt=""/>
                </div>
            </div>
        </div>
    </div>
    <!--4、各类新闻-->

    <div id="news" class="flex space-between">
        <a href="{:U('News/company')}">
            <dl class="company-new flex align-middle">
                <dt><img src="__STATIC__/mobile/images/new_01.png" alt=""/></dt>
                <dd>企业新闻</dd>
            </dl>
        </a>
        <div class="flex flex-column space-between">
            <a href="{:U('News/media')}">
                <dl class="media-new flex align-middle">
                    <dt><img src="__STATIC__/mobile/images/new_02.png" alt=""/></dt>
                    <dd>媒体新闻</dd>
                </dl>
            </a>
            <a href="{:U('News/video')}">
                <dl class="vedio-new flex align-middle">
                    <dt><img src="__STATIC__/mobile/images/new_03.png" alt=""/></dt>
                    <dd>视频新闻</dd>
                </dl>
            </a>
        </div>
    </div>
    <!--5、返回顶部-->
    <div  id="toTop" class="flex justify-end align-middle">
        <a href="#">返回顶部 <i></i></a>
    </div>
</block>
<block name="js_footer">
    <script src="__STATIC__/mobile/js/jquery-3.2.1.js?v=__STATIC_VERSION__"></script>
    <script src="__STATIC__/mobile/dist/js/mzui.js?v=__STATIC_VERSION__"></script>
    <script src="__STATIC__/mobile/js/swiper-3.4.2.jquery.min.js?v=__STATIC_VERSION__"></script>
    <script src="__STATIC__/mobile/js/index.js?v=__STATIC_VERSION__"></script>
    <script>
        //轮播
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            loop:true,
            autoplayDisableOnInteraction: false,
            speed:400,
            autoplay:3000,
            initialSlide:0
        });

    </script>
</block>